#set(title='我的换书单',menu='exchangetrade',statusMap={'0':'待审核','1':'交易中','2':'待发货','3':'待买家确认收货','4':'交易完成','5':'交易关闭','6':'审核拒绝'})
#@user_layout()
#define user_main()
	 <h1 class="page-header">#(title)</h1>
	 <div class="row">
			<ol class="breadcrumb">
			  <li><a href="#(ctx)/trade/exchangelist">我的换书单</a></li>
			  <li class="active">订单详情</li>
			</ol>
		</div>
	 	<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">订单基本信息 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-success">#(statusMap[trade.status+''])</span></h3>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-sm-2 control-label"><p>订单编号</p></div>
					<div class="col-sm-4 text-left"><p>#(trade.id)</p></div>
					<div class="col-sm-2 control-label"><p>创建时间</p></div>
					<div class="col-sm-4 text-left"><p>#(trade.createTime)</p></div>
				</div>
			</div>
		</div>
	 	<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">换书发起方</h3>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-sm-2 control-label"><p>姓名</p></div>
					<div class="col-sm-4 text-left"><p>#(trade.userTrade.name)</p></div>
					<div class="col-sm-2 control-label"><p>手机</p></div>
					<div class="col-sm-4 text-left"><p>#(trade.userTrade.mobile)</p></div>
				</div>
				<div class="row">
					<div class="col-sm-2 control-label"><p>邮寄地址</p></div>
					<div class="col-sm-10 text-left"><p>#(trade.userTrade.address)</p></div>
				</div>
				<div class="table-responsive">
		            <table class="table table-striped ">
		              <thead>
		                <tr>
		                  <th>书名</th>
		                  <th>价格（元）</th>
		                  <th>数量</th>
		                  <th>总价（元）</th>
		                   <th></th>
		                </tr>
		              </thead>
		              <tbody>
		             	<tr>
		                  <td><a href="#(ctx)/book/detail/#(trade.userTrade.bookId)"><img src="#(uploadPah)#(trade.userTrade.book.bookImg)" alt="book image" width="70px"></a>
	              				<a href="#(ctx)/book/detail/#(trade.userTrade.bookId)">#(trade.userTrade.book.name)</a></td>
		                  <td>¥#(trade.userTrade.price)</td>
			              <td>#(trade.userTrade.num)</td>
			              <td>¥#(trade.userTrade.total)</td>
		                </tr>
		              </tbody>
		            </table>
		          </div>
			</div>
		</div>
		
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">换书接受方</h3>
			</div>
			<div class="panel-body">
				#if(trade.buyerTrade == null)
					<div class="text-danger">尚无换书接受方，请耐心等待……</div>
				#else
				<div class="row">
					<div class="col-sm-2 control-label"><p>姓名</p></div>
					<div class="col-sm-4 text-left"><p>#(trade.buyerTrade.name)</p></div>
					<div class="col-sm-2 control-label"><p>手机</p></div>
					<div class="col-sm-4 text-left"><p>#(trade.buyerTrade.mobile)</p></div>
				</div>
				<div class="row">
					<div class="col-sm-2 control-label"><p>邮寄地址</p></div>
					<div class="col-sm-10 text-left"><p>#(trade.buyerTrade.address)</p></div>
				</div>
				<div class="table-responsive">
		            <table class="table table-striped ">
		              <thead>
		                <tr>
		                  <th>书名</th>
		                  <th>价格（元）</th>
		                  <th>数量</th>
		                  <th>总价（元）</th>
		                   <th></th>
		                </tr>
		              </thead>
		              <tbody>
		             	<tr>
		                  <td><a href="#(ctx)/book/detail/#(trade.buyerTrade.bookId)"><img src="#(uploadPah)#(trade.buyerTrade.book.bookImg)" alt="book image" width="70px"></a>
	              				<a href="#(ctx)/book/detail/#(trade.buyerTrade.bookId)">#(trade.buyerTrade.book.name)</a></td>
		                  <td>¥#(trade.buyerTrade.price)</td>
			              <td>#(trade.buyerTrade.num)</td>
			              <td>¥#(trade.buyerTrade.total)</td>
		                </tr>
		              </tbody>
		            </table>
		          </div>
		          #end
			</div>
		</div>
#end
